<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登陆页面</title>
<link href="static/login_001/css/demo.css" rel="stylesheet" rev="stylesheet"type="text/css" media="all" />
<link href="static/login_001/css/login.css" rel="stylesheet"rev="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="static/login_001/js/jquery1.42.min.js"></script>
<script type="text/javascript"src="static/login_001/js/jquery.SuperSlide.js"></script>
<script type="text/javascript"src="static/login_001/js/Validform_v5.3.2_min.js"></script>
<script>
	$(function() {

		$(".i-text").focus(function() {
			$(this).addClass('h-light');
		});

		$(".i-text").focusout(function() {
			$(this).removeClass('h-light');
		});

		$("#username").focus(function() {
			var username = $(this).val();
			if (username == '输入账号') {
				$(this).val('');
			}
		});

		$("#username").focusout(function() {
			var username = $(this).val();
			if (username == '') {
				$(this).val('输入账号');
			}
		});

		$("#password").focus(function() {
			var username = $(this).val();
			if (username == '输入密码') {
				$(this).val('');
			}
		});
		$(".registerform").Validform({
			tiptype : function(msg, o, cssctl) {
				var objtip = $(".error-box");
				cssctl(objtip, o.type);
				objtip.text(msg);
			},
		});
	});
</script>
</head>
<body>
	<div class="header">
		<h1 class="headerLogo">
			<a title="后台管理系统" target="_blank">
				<img alt="logo" src="static/login_001/images/logo1.PNG" width="190px;" style="margin-left: -50ox;">
			</a>
		</h1>
		<div class="headerNav">
			<a target="_blank" >企业官网</a> <a target="_blank" >关于我们</a>
			<a target="_blank" >开发团队</a> <a target="_blank" >意见反馈</a>
			<a target="_blank" >帮助</a>
		</div>
	</div>
	<div class="banner">
		<div class="login-aside">
			<div id="o-box-up"></div>
			<div id="o-box-down" style="table-layout: fixed;">
				<div class="error-box"></div>

				<form class="registerform" action="login" method="post">
					<div class="fm-item">
						<label for="logonId" class="form-label">BOOK系统登陆：</label> 
						<input type="text" value="输入账号" id="username" name="username"class="i-text"errormsg="用户名至少6个字符,最多18个字符！">
						<div class="ui-form-explain"></div>
					</div>

					<div class="fm-item">
						<label for="logonId" class="form-label">登陆密码：</label> 
						<input type="password" value="" datatype="*6-16" id="password" name="password"class="i-text" nullmsg="请输入登陆密码！">
						<div style="margin-left: 178px;margin-top: -30px;">
							<a href="findpwd" style="font-family: '楷体';font-size: 14px;">忘记密码?</a>
						</div>
					</div>
					<div class="fm-item">
						<label for="logonId" class="form-label"></label> 
						<input type="submit" value="" tabindex="4" id="send-btn" class="btn-login" style="margin-top: 20px;">
						<div class="ui-form-explain"></div>
					</div>
				</form>
			</div>
		</div>
		<div class="bd">
			<ul>
				<li
					style="background: url(static/login_001/themes/theme-pic2.jpg) #CCE1F3 center 0 no-repeat;"><a
					target="_blank"></a></li>
				<li
					style="background: url(static/login_001/themes/006.png) #BCE0FF center 0 no-repeat;"><a
					target="_blank"></a>
				</li>
			</ul>
		</div>

		<div class="hd">
			<ul></ul>
		</div>
	</div>
	<script type="text/javascript">
		jQuery(".banner").slide({
			titCell : ".hd ul",
			mainCell : ".bd ul",
			effect : "fold",
			autoPlay : true,
			autoPage : true,
			trigger : "click"
		});
	</script>
	<div class="banner-shadow"></div>
	<div class="footer">
		<p>
			Copyright &copy; 2018.Company name All rights reserved.More Templates
			<a target="_blank" title="2017级软件分层实验班">2017级软件分层实验班</a>- Collect from <a title="小胖子" target="_blank">小胖子</a>
		</p>
	</div>
</body>
</html>